<!DOCTYPE html>
<html>
<head lang="zh">
    <meta charset="UTF-8">
    <title>我的任务1</title>
</head>
<body>
    <header><h1>网站一级标题</h1></header>
    <ul>
    <li><a href="test.html">导航链接一</a></li>
    <li><a href="test.html">导航链接二</a></li>
    <li><a href="test.html">导航链接三</a></li>
    <li><a href="test.html">导航链接四</a></li>
    </ul>

    <h2>文章一级标题</h2>
    <h3>文章二级标题</h3>
    <p> 文章作者 文章发表时间</p>
    <p> 这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<br />
    换行了<br />
    这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br />
    这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com">这里有一个链接链接到http://ife.baidu.com</a>这是一个很长很长的段落，这里有个<b>粗体字</b>,这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落。
    </p>
    <img src="http://2f.zol-img.com.cn/product/136_500x370/237/cesn07TWhBvI.jpg" alt="Qwerky键盘">
    <p> 这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<br />
    换行了<br />
    这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br />
    这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这里有个<b>粗体字</b>，这是一个很长很长的段落，<a href="http://ife.baidu.com" target="_blank">这里有一个链接点击后打开新窗口链接到http://ife.baidu.com</a>这是一个很长很长的段落，这是一个很长很长的段落。
    </p>
    <h2>另一篇文章一级标题</h2>
    <h3>另一篇文章二级标题</h3>
    <p> 这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<br />
    换行了<br />
    这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br />
    这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com">这里有一个链接链接到http://ife.baidu.com</a>这是一个很长很长的段落，这里有个<b>粗体字</b>,这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落。
    </p>
    <img src="http://2f.zol-img.com.cn/product/136_500x370/237/cesn07TWhBvI.jpg" alt="Qwerky键盘">
    <ul>
    <li>列表项目一</li>
    <li>列表项目二</li>
    <li>列表项目三</li>
    </ul>
    <h2>图片</h2>
    <dl>
    <dd>好看的图片</dd>
    <dd><img src="http://nervouna.qiniudn.com/wp-content/uploads/2014/12/c5a51bdd181e071bc9ecf61336db5eed.jpg" alt="Qwerky键盘"></dd>
    <dd>好看的图片</dd>
    <dd><img src="http://nervouna.qiniudn.com/wp-content/uploads/2014/12/c5a51bdd181e071bc9ecf61336db5eed.jpg" alt="Qwerky键盘"></dd>
    <dd>好看的图片</dd>
    <dd><img src="http://nervouna.qiniudn.com/wp-content/uploads/2014/12/c5a51bdd181e071bc9ecf61336db5eed.jpg" alt="Qwerky键盘"></dd>
    <dd>好看的图片</dd>
    <dd><img src="http://nervouna.qiniudn.com/wp-content/uploads/2014/12/c5a51bdd181e071bc9ecf61336db5eed.jpg" alt="Qwerky键盘"></dd>
    <dd>好看的图片</dd>
    <dd><img src="http://nervouna.qiniudn.com/wp-content/uploads/2014/12/c5a51bdd181e071bc9ecf61336db5eed.jpg" alt="Qwerky键盘"></dd>
    <dd>好看的图片</dd>
    <dd><img src="http://nervouna.qiniudn.com/wp-content/uploads/2014/12/c5a51bdd181e071bc9ecf61336db5eed.jpg" alt="Qwerky键盘"></dd>
    <dd>好看的图片</dd>
    <dd><img src="http://nervouna.qiniudn.com/wp-content/uploads/2014/12/c5a51bdd181e071bc9ecf61336db5eed.jpg" alt="Qwerky键盘"></dd>
    <dd>好看的图片</dd>
    <dd><img src="http://nervouna.qiniudn.com/wp-content/uploads/2014/12/c5a51bdd181e071bc9ecf61336db5eed.jpg" alt="Qwerky键盘"></dd>
    </dl>
    <h2>最后一篇文章一级标题</h2>
    <h3>文章二级标题</h3>
    <p>文章作者 文章发表时间</p>
    <ol>
    <li>排名1</li>
    <li>排名2</li>
    <li>排名3</li>
    </ol>
    <p>下面是一个表格，给表格加了一个border="1"好让你看出是一个表格</p>
    <table border="1">
    <tr>
        <th>表头</th>
        <th>表头</th>
        <th>表头</th>
    </tr>
    <tr>
        <td>表内容单元格</td>
        <td>表内容单元格</td>
        <td><a href="test.html">操作</a></td>
    </tr>
    <tr>
        <td>表内容单元格</td>
        <td>表内容单元格</td>
        <td><a href="test.html">操作</a></td>
    </tr>
    <tr>
        <td>表内容单元格</td>
        <td>表内容单元格</td>
        <td><a href="test.html">操作</a></td>
    </tr>
    <tr>
        <td>表内容单元格</td>
        <td>表内容单元格</td>
        <td><a href="test.html">操作</a></td>
    </tr>
    <tr>
        <td>总计</td>
        <th colspan="2" >1000</th>
    </tr>
    </table>
    <div>
    <h2>这里以后是一个侧栏，这是侧栏的标题</h2>
    <h3>侧栏注册窗口标题</h3>
    <form><p>请输入邮箱地址：<input type="text" name="mail" value="这是一个文本输入框"></p>
    <p>邮箱地址请按要求格式输入</p>
    <p>请输入密码：<input type="password" name="password" value="这是一个文本输入框">请重复输入密码：<input type="password" name="password" value="这是一个文本输入框"></p>
    <p>密码请为6-16位英文数字</p>
    性别： 男性<input type="radio" name=sex value="男性" checked="checked"> 女性<input type="radio" name=sex value="女性">
    城市： <select>
    <option value="北京">北京</option>
    <option value="shanghai">上海</option></select>
    爱好： <input type="checkbox" name="运动">运动<input type="checkbox" name="艺术">艺术<input type="checkbox" name="科学">科学
    个人描述： <textarea name="textarea" rows="2" cols="21">这是一个多行输入框，输入您的个人描述</textarea> <input type="submit" name="submit" value="确认提交">
    </form></div>
<footer>版权所有&#169;</footer>
</body>
</html>